/*
 * Stick footer to the bottom
 */
* {
	margin: 0;
}
html, body {
	height: 100%;
	
}
#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -100px 0;
	padding-left:50px;
	background:url(/img/grid.png) 50px 50px;
	position:relative;
	z-index:2;
}

footer, #push {
	height: 100px;
	position:relative;
	z-index:3;
}

body {
	min-width:960px;
	font:12px Verdana, Tahoma, Arial, Helvetica, sans-serif;
}

h1,h2,h3{
	font-weight:normal;
	letter-spacing:-.1em;
}

a{
	color:#000;
}

#blick,
#grid,
#decor{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto;
	position:absolute;
	width:100%;
	top:0;
	left:0;
	z-index:0;
}

#decor{
	background:#8f836f;
	position:fixed;
	overflow:hidden;
}
/*
#grid{
	z-index:1;
	background:url(/img/grid.png) 50px 50px;
}
*/

header {height:100px; padding-top:50px;}
header #logo{ float:left;}
header #nav_main { float:left;}
header #nav_main ul{list-style:none; margin:0; padding:0;}
header #nav_main li{
	float:left;
	width:100px;
	height:100px;
}

header #nav_main li a{
	color:#fff;
	text-decoration:none;
	padding:70px 0 0 5px;
	display:block;
	text-shadow:#000 1px 1px 0, #000 0 1px 5px;
}

header #nav_main li a:hover,
header #nav_main li.active a{
	position:relative;
}
header #nav_main li.active a{
	font-size:14px;
}

header #nav_main li a:hover{
	text-decoration:underline;
}

header #nav_main li a:hover span,
header #nav_main li.active a span{
  opacity:0.3;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
  filter: alpha(opacity=30);
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:100px;
	z-index:-1;
	background:#fff;
}

.transbg{
	position:relative;
}

.transbg .bg,
.transbg .content,
.transbg #content{
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}
.transbg .bg {
	height:100%;
	width:100%;
	background:#fff;
  opacity:0.5;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
	z-index:1;
}
.transbg .content{
	padding:5px;
	z-index:2;
}

/*BLUE BG*/
.blue .transbg .bg,
.blue header #nav_main li.active a span{
  background:#ddf;
}
.blue  .transbg #content,
.blue  .transbg .content {
	color:#000;
}

.red .transbg .bg,
.red header #nav_main li.active a span{
  background:#fcc;
}
.red  .transbg #content,
.red  .transbg .content {
	color:#000;
}

.orange .transbg .bg,
.orange header #nav_main li.active a span{
  background:#fae3ba;
}
.orange .transbg #content,
.orange .transbg #content a,
.orange .transbg .content,
.orange .transbg .content a{
	color:#000 !important;
}

.green .transbg .bg,
.green header #nav_main li.active a span{
  background:#c6fcd4;
}
.green .transbg #content,
.freen .transbg .content,
.green .transbg #content a,
.freen .transbg .content a{
	color:#222;
}

.black .transbg .bg,
.black header #nav_main li.active a span{
  background:#000;
}
.black .transbg #content,
.black .transbg .content,
.black .transbg .content a,
.black .transbg #content a{
	color:#fff;
}

.padder{
	padding:5px;
}

.clear{
	clear:both;
	font-size:0;
	line-height:0;
	height:0;
	display:block;
}

.nobull{
	list-style:none;
	padding:0;
	margin:0;
}
.nobull li{
	float:left;
}

footer{
	margin:20px auto 0 auto;
	height:80px;
}

#copy{
	text-align:right;
	float:fight;
	background:url(/img/logo_sm.png) no-repeat right top;
	padding:0 30px 0 0;
	color:#fff;
	font-size:10px;
	margin:0 20px 0 0;
}

.breadcrumbs{
	padding:20px;
	height:60px;
}
.breadcrumbs h2{
	margin-left:20px;
}

.debug,
.trace{
	position:relative;
	z-index:100;
	background:#fff;
}
.trace.result{
	color:#888;
	padding-left:20px;
}

#content{
	width:100%;
}

/****************************
					cats Hack
****************************/

#cat_nav{
	width:295px;
	float:left;
	padding:0;
	margin-right:5px;
}
#cat_nav h3{
	padding:20px 0 10px 10px;
	font-size:16px;
}
#cat_nav ul li{
	width:100%;
}
#cat_nav ul li a{
	display:block;
	padding:5px 5px 5px 10px;
	width:285px;
	margin-bottom:1px;
	color:inherit;
}
#cat_nav ul li.active a,
#cat_nav ul li a:hover{
	background:#fff;
	color:#000 !important;
	text-decoration:none;
}
#cat_nav.news_filter {
	float:right;
	min-height:300px;
}

#nav_sub{
	height:50px;
	margin-left:100px;
}

#nav_sub ul li span,
#nav_sub ul li a{
	color:#000;
	background:#fff;
	text-decoration:none;
	display:block;
	width:90px;
	padding:5px 10px 5px 0;
	text-align:right;
}

#nav_sub ul li a{
	color:#fff;
	background:none;
	text-shadow:#000 1px 1px 0, #000 0 1px 5px;
}

.content_text{
	margin:0 100px;
}

#edit_form .field,
#edit_form .label{
	width:180px;
	float:left;
	text-align:right;
	padding:0 10px;
}
#edit_form .field{
	width: 480px;
	text-align:left;
	margin-bottom:10px;
}
#edit_form .field input,
#edit_form .field select{
	width:100%;
}
#edit_form .field input.checkbox{
	width:auto;
}

/*EDIT BUTTONS*/
.list_edit_item{height:100px; background:#e4e4e4;}
#portfolio_list li.list_edit_item{
	height:90px;
}
#portfolio_list li.list_edit_item div,
li.list_edit_item div{
	width:100px;
	height:100px;
	float:left;
	font-weight:bold;
	font-size:80px; line-height:70px; padding:0 0 0 10px; color:#555;
}
.list_edit_item p{font-weight:bold; font-size:16px; padding:30px 0 0 0; color:#050;}

#pfl_nav a.change_button,
.change_button{
  background: none repeat scroll 0 0 #FFFFFF;
  color: #000000;
  display: block;
  font-size: 13px;
  font-weight: bold;
  width: 90px;
  height: 50px;
  margin:5px;
  padding-top: 40px;
  position: absolute;
  right: 0;
  text-align: center;
  text-decoration: none;
  top: 0;
}

/*LANG SWITCHER*/
#langset{
	position:absolute;
	top:-125px;
	right:0;
	height:25px;
	width:100px;
}
#langset a{
	display:none;
	padding:0;
	text-decoration:none;
	width:80px;

	color:#fff;
	text-decoration:none;
	text-shadow:#000 1px 1px 0, #000 0 1px 5px;
}

#langset.hover{
	background:#fff;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.5);
	z-index:1000;
	height:80px;
}
#langset.hover .bg{
	background:none;
}
#langset.hover a{
	display:block;
	color:#000;
	text-shadow:none;
	margin-bottom:10px;
}
#langset.hover a.active{
	background:none;
	font-weight:bold;
}

#langset a.active{
	display:block;
	background:url(/img/arr_down.gif) no-repeat right center;
}
.pages{
	clear:both;
 	list-style:none;
	text-align:center;
	padding-top:30px;
}
.pages li{
	display:inline-block;
	margin:0 3px;
}
.pages li span,
.pages li a{
	display:block;
  width:14px;
	height:14px;
	background:#024;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	text-indent:-9999px;
}

.pages li span{
	background:#fff;
  box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
}
.err_err{
	background:#800;
	color:#fff;
	padding:3px;
}